@mixin fullSize() {
    height: 100%;
    width: 100%;
}

.invisible {
    opacity: 0 !important;
}

@mixin crossbrowser($property, $value) {
    -webkit-#{$property}: $value;
    -moz-#{$property}: $value;
    -o-#{$property}: $value;
    $property: $value;
}

@mixin crossbrowserNoMoz($property, $value) {
    -webkit-#{$property}: $value;
    -o-#{$property}: $value;
    $property: $value;
}

@mixin keyframe($animation_name) {
    @-webkit-keyframes #{$animation_name} {
        @content
    }

    @-moz-keyframes #{$animation_name} {
        @content
    }

    @-o-keyframes #{$animation_name} {
        @content
    }

    @keyframes #{$animation_name} {
        @content
    }
}
